<template>
    <div class="ChangeRecord">
      <ul class="ChangeRecordList">
        <li>
          <div class="left">完善资料</div>
          <div class="right">
            <p>+10</p>
            <p>2019-12-28</p>
          </div>
        </li>
        <li>
          <div class="left">身份认证</div>
          <div class="right">
            <p>+20</p>
            <p>2019-12-28</p>
          </div>
        </li>
      </ul>
    </div>
</template>

<script>
    export default {
        components: {},
        props: {},
        data() {
            return {};
        },
        methods: {}
    };
</script>
<style>
  .ChangeRecordList{
    width: 100%;
    height: auto;
  }
  .ChangeRecordList>li{
    background: white;
    height: 96px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 26px;
  }
  .ChangeRecordList>li>.left{
    font-size: 28px;
  }
  .ChangeRecordList>li>.right{
    text-align: center;
  }
  .ChangeRecordList>li>.right>p:first-of-type{
    font-size: 24px;
    color: #f77754;
  }
  .ChangeRecordList>li>.right>p:last-of-type{
    font-size: 22px;
    color: #999;
  }
</style>
